 <span class="pull-left">
     <input id="keyword" type="text" class="search_input1 search-query" placeholder="选项类型、显示值">
     <div class="btn-group">
     	<input type="button" id="searchType" class="btn btn-purple btn-small" value="搜索"/>
         <!-- <button id="searchBtn" class="btn btn-purple btn-small">搜　索</button> -->
     </div>
</span>
 <div class="row-fluid">
	<div id="userBlock" class="span12">
		<h3 class="header smaller lighter blue">
			选项管理
            
			<span class="pull-right">
				<button id="itemAddBtn" class="btn btn-purple btn-small" style="margin-top:-8px">+添加选项</button>
			</span>
			<span class="pull-right" style="margin-right:10px;">
					<label id="itemLabel">
						展现
						<select id="total" class="mySelect">
							<option value="10" selected="selected">10</option>
							<option value="20">20</option>
							<option value="30">30</option>
						</select>
						条
					</label>
				</span>
			
		</h3>

		<table class="table table-striped table-bordered table-hover" style="table-layout:fixed;">
			<thead>
				<tr>
					<th class="center" style="width:25%;word-wrap:break-word;">显示值</th>
					<th class="center" style="width:25%;word-wrap:break-word;">
						类型
						
					</th>
					<th class="center" style="width:25%;word-wrap:break-word;">值</th>
					<th class="center" style="width:25%;word-wrap:break-word;">操作</th>
				</tr>
			</thead>
			<tbody id="itemBody"></tbody>
		</table>
		<div id="tip"></div>
		<div id="paginator"></div>
		{{! <div>
			<span class="pull-right" id="showCount" style="margin-top:-50px; margin-right:150px; color:#6faed9;font-size:13px;"></span>
			</div> }}
	</div>
	<div id="itemAdd" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
			<h3 id="title">添加选项</h3>
		</div>
		<div class="modal-body">
			<form class="form-horizontal">
				<input type="hidden" id="itemId" name="itemId" value="" />
				<div class="control-group">
					<label class="control-label" for="showValue">显示值</label>
					<div class="controls">
						<input type="text" name="showValue" id="showValue"  placeholder="显示值">
						<div id="showMessage" style="margin-top:-25px; margin-left:220px; display:none" >
							<font color="red" id="showMsg">请填写显示值</font></div>
					</div>
						
				</div>
				<div class="control-group">
					<label class="control-label" for="value">选项值</label>
					<div class="controls">
						<input type="text" name="value" id="value"  placeholder="选项值">
						<div id="valueMessage" style="margin-top:-25px; margin-left:220px; display:none" >
							<font color="red" id="valueMsg">请填写选项值</font></div>
					</div>
						
				</div>
				<div class="control-group">
					<label class="control-label" for="value">选项类型</label>
					<div class="controls">
						<select name="type" id="type" >
								<option value="-1">--请选择选项类型--</option>
								<option value="1">职位</option>
								<option value="2">职位类别</option>
								<option value="3">试用周期</option>
								<option value="4">BAND级</option>
								<option value="5">薪资档级</option>
								<option value="6">工作地点</option>
							</select>
						<div id="typeMessage" style="margin-top:-25px; margin-left:220px; display:none" >
							<font color="red" id="typeMsg">请选择选项类型</font></div>
					</div>
						
				</div>

			{{! 
				<input type="hidden" id="itemId" name="itemId" value="" />
				<table>
					<tr>
						<td class="control-label" align="right">显示值:</td>
						<td class="controls" style="width:55%;">
							<input type="text" name="showValue" id="showValue"  style="width:100%;"/>
						</td>
						<td style="width:23%;">
							<div style="position:relative; margin-left:18px; display:none" id="showMessage" >
								<font color="red" id="showMsg">请填写显示值</font>
							</div>
						</td>
						
					</tr>
					<tr>
						<td class="control-label" align="right">选项值:</td>
						<td class="controls" style="width:55%;">
							<input type="text" name="value" id="value"  style="width:100%;"/>
						</td>
						<td style="width:23%;">
							<div style="position:relative; margin-left:18px; display:none" id="valueMessage" >
								<font color="red" id="valueMsg">请填写选项值</font>
							</div>
						</td>
						
					</tr>
					<tr>
						<td class="control-label" align="right">选项类型:</td>
						<td class="controls" style="width:55%;">
							<select name="type" id="type" style="width:105.5%">
								<option value="-1">--请选择选项类型--</option>
								<option value="1">职位</option>
								<option value="2">职位类别</option>
								<option value="3">试用周期</option>
								<option value="4">BAND级</option>
								<option value="5">薪资档级</option>
								<option value="6">工作地点</option>
							</select>
						</td>
						<td style="width:23%;">
							<div style="position:relative; margin-left:18px; display:none" id="typeMessage" >
								<font color="red" id="typeMsg">请选择选项类型</font>
							</div>
						</td>
						
					</tr>
					
					
				</table>

			 }}</form>
		</div>
		<div class="modal-footer">
			<button id="saveBtn"class="btn btn-primary">确定</button>
			<button id="cancleBtn" class="btn" data-dismiss="modal" aria-hidden="true">取消</button>
		</div>
	</div>
</div>